<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			body{
				background-color: antiquewhite;
			}
			#wengb1{
				float: left;
				margin: auto;
				margin-left: 6px;
				width: 400px;
				height: 300px;
				line-height: 300px;
				text-align: center;
				font-size: 50px;
				font-weight: 1000;
				border: 1px solid;
				background-color: aliceblue;
			}
			.tt{
				margin: auto;
				margin-top:10px ;
				width: 710px;
				height: 310px;
			}
			.tt1{
				float: left;
				width: 300px;
				height: 300px;
				border: 1px solid;
			}
			.bb{
				width: 710px;
				/* border: 1px solid; */
				margin: auto;
			}
			.bb button:nth-child(1){
				width: 300px;
				height: 50px;
				border: none;
				font-size: 30px;
				font-weight: 1000;
				background-color: #ffaa99;
			}
			.bb button:nth-child(2){
				margin-left: 4px;
				width: 400px;
				height: 50px;
				border: none;
				font-size: 30px;
				font-weight: 1000;
				background-color: #ffaa99;
			}
			.rr{
				width: 710px;
				margin: auto;
				margin-top: 120px;
			}
			.rr1{
				width: 709px;
				height: 60px;
				line-height: 60px;
				font-weight: 1000;
				color: #ffaaaa;
				background-color: seashell;
				font-size: 30px;
				text-align: center;
			}
		</style>
		<script type="text/javascript">
			function startName(){
				// var arr=["晋升","吴进鹏","陈龙","韩帅强","段双豪","郑成功","李英杰","陆文超","牛学朝"]
				var arr=["翔哥陪睡1小时","翔哥陪睡2小时","翔哥陪睡3小时","翔哥陪睡4小时","翔哥陪睡5小时","翔哥陪睡6小时","翔哥陪睡7小时","翔哥陪睡8小时","翔哥陪睡9小时"]
				var ran=parseInt(Math.random()*9)
				document.getElementById("wengb1").innerHTML=arr[ran]
				timer=setTimeout("startName()",1)
			}
			function stopName(){
				clearTimeout(timer)
			}
		</script>
	</head>
	<body>
		<div class="rr">
			<div class="rr1">
				点击开始，抽取翔哥陪睡时间
			</div>
		</div>
		<div class="tt">
			<div class="tt1">
				<img src="../xiangge-master/img/6.jpg" alt="翔哥陪你睡觉" width="300px" height="300px";>
			</div>
				<div id="wengb1"></div>
			</div>
		</div>
		<div class="bb">
			<button onclick="startName()" id="wengb2">开始</button>
			<button onclick="stopName()" id="wengb3">结束</button>
		</div>
	</body>
</html>